﻿@model Gueei.Gallery.Web.ViewModels.BatchUploadViewModel
@{
    View.Title = "BatchUpload";
    Layout = "~/Views/Shared/_Layout.cshtml";
}
<link href="@Url.Content("~/css/fileuploader.css")" type="text/css" rel="Stylesheet" />
<script src="@Url.Content("~/Scripts/fileuploader.js")" type="text/javascript"></script>
<script type="text/javascript">
    $(function () {
    /*
        var uploader = new qq.FileUploader({
            element: $(".fileUploader")[0],
            action: "/server/upload",
            allowedExtensions: ['zip'],
            sizeLimit: 503316480,
            template: '<div class="qq-uploader">' +
                 '<div class="qq-upload-drop-area"><span>Drop files here to upload</span></div>' +
                 '<div class="qq-upload-button">Choose files to upload</div>' +
                 '<ul class="qq-upload-list"></ul>' +
                 '</div>'
        });
    */
    });
</script>
<h2>
    BatchUpload</h2>
@using (Html.BeginForm("BatchUpload", "Image", FormMethod.Post, new { enctype = "multipart/form-data" }))
{
    <p>
        @Html.LabelFor(m => m.BatchName, "Default name for this batch of images") @Html.EditorFor(m => m.BatchName)
        @Html.ValidationMessageFor(m => m.BatchName)
    </p>
    <p>
        @Html.LabelFor(m => m.Tags) @Html.TextBoxFor(m => m.Tags, new { @class = "autocomplete tags", @ref = "/Search/Tags" })
    </p>
    <div class="fileUploader">
    </div>
    <p>
        <label for="compressedFile">
            Choose Image</label>
        <input type="file" name="compressedFile" />
        @Html.ValidationMessage("compressedFile")
    </p>
    <input type="submit" />
}
